<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/jsps/common/taglibs.jsp"%>

<!DOCTYPE html>
<html lang="en">
    <head>        
        <!-- META SECTION -->
        <title>首页</title>            
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        
        <link rel="icon" href="${pageContext.request.contextPath}/pics/favicon.ico" type="image/x-icon" />
        <!-- END META SECTION -->
        
        <!-- CSS INCLUDE -->        
        <link rel="stylesheet" type="text/css" id="theme" href="${pageContext.request.contextPath}/css/theme-default.css"/>
        <!-- EOF CSS INCLUDE -->                                    
    </head>
    <body>
        <!-- START PAGE CONTAINER -->
        <div class="page-container">
            
            <!-- START PAGE SIDEBAR -->
            <div class="page-sidebar">
                <!-- START X-NAVIGATION -->
                <ul class="x-navigation">
                    <li class="xn-logo">
                        <a href="${pageContext.request.contextPath}/security/mainController">ATLANT</a>
                        <a href="#" class="x-navigation-control"></a>
                    </li>
                    <li class="xn-profile">
                        <div class="profile">
                            <div class="profile-image">
                                <img src="${pageContext.request.contextPath}/pics/avatar.jpg" alt="John Doe"/>
                            </div>
                            <div class="profile-data">
                                <div class="profile-data-name">${loginedUser.userName}</div>
                                <div class="profile-data-title">Web策划/工程师</div>
                            </div>

                        </div>                                                                        
                    </li>
                    <li class="active">
                        <a href="${pageContext.request.contextPath}/security/mainController"><span class="fa fa-desktop"></span> <span class="xn-text">首页</span></a>
                    </li>     
                    <li class="xn-openable">
                        <a href="#"><span class="fa fa-file-text-o"></span> <span class="xn-text">课程类型</span></a>
                        <ul>
                            <li><a href="<c:url value="/courseType/toInput"/>" target="contentFrame"><span class="fa fa-file-o"></span>新增课程类型</a></li>
                            <li><a href="<c:url value="/courseType/list"/>" target="contentFrame"><span class="fa fa-copy"></span>课程类型管理</a></li>
                        </ul>
                    </li>                
                    <li class="xn-openable">
                        <a href="#"><span class="fa fa-files-o"></span> <span class="xn-text">课程</span></a>
                        <ul>
                            <li><a href="<c:url value="/course/toInput"/>" target="contentFrame"><span class="fa fa-file-o"></span>开课登记</a></li>
                            <li><a href="<c:url value="/course/list"/>" target="contentFrame"><span class="fa fa-copy"></span>课程管理</a></li>
                        </ul>
                    </li>
                    <%--<shiro:hasRole name="000101">--%>
                        <li class="xn-openable">
                            <a href="#"><span class="fa fa-files-o"></span> <span class="xn-text">图表</span></a>
                            <ul>
                                <li><a href="<c:url value="/charts/show"/>" target="contentFrame"><span class="fa fa-file-o"></span>显示散点图</a></li>
                            </ul>
                        </li>
                    <%--</shiro:hasRole>--%>
                </ul>
                <!-- END X-NAVIGATION -->
            </div>
            <!-- END PAGE SIDEBAR -->
            
            <!-- PAGE CONTENT -->
            <div class="page-content">
                
                <!-- START X-NAVIGATION VERTICAL -->
                <ul class="x-navigation x-navigation-horizontal x-navigation-panel">
                    <!-- TOGGLE NAVIGATION -->
                    <li class="xn-icon-button">
                        <a href="#" class="x-navigation-minimize"><span class="fa fa-dedent"></span></a>
                    </li>
                    <!-- END TOGGLE NAVIGATION -->
                    <!-- SEARCH -->
                    <li class="xn-search">
                        <form role="form">
                            <input type="text" name="search" placeholder="搜索 . . ."/>
                        </form>
                    </li>   
                    <!-- END SEARCH -->
                    <!-- SIGN OUT -->
                    <li class="xn-icon-button pull-right">
                        <a href="#" class="mb-control" data-box="#mb-signout"><span class="fa fa-sign-out"></span></a>                        
                    </li> 
                    <!-- END SIGN OUT -->
                    
                </ul>
                <!-- END X-NAVIGATION VERTICAL -->                                          
                
                <!-- PAGE CONTENT WRAPPER -->
                <div class="page-content-wrap">
                    <iframe id="contentFrame" width="100%" scrolling="no" frameborder="0" height="596px" name="contentFrame" allowtransparency="true" src="<c:url value="/welcome.jsp"/>">
                    </iframe>
                    <!--  iframe 画中画效果，就是可以在网页中插入网页-->
                    <!--  scrolling 滚动条属性设置-->
                    <!--  frameborder iframe边框设置-->
                    <!--  allowtransparency 设置iframe中若有透明设置是否被实现-->

                </div>
                    
                </div>
                <!-- END PAGE CONTENT WRAPPER -->
            </div>            
            <!-- END PAGE CONTENT -->
        </div>
        <!-- END PAGE CONTAINER -->

        <!-- MESSAGE BOX-->
        <div class="message-box animated fadeIn" data-sound="alert" id="mb-signout">
            <div class="mb-container">
                <div class="mb-middle">
                    <div class="mb-title"><span class="fa fa-sign-out"></span><strong>注 销</strong> ?</div>
                    <div class="mb-content">
                        <p>你确定要注销?</p>                    
                        <p>如果你要继续操作，请按“取消”。 如果你要退出系统，请按“确定”。</p>
                    </div>
                    <div class="mb-footer">
                        <div class="pull-right">
                            <a href="<c:url value="/security/logout"/>" class="btn btn-success btn-lg">确定</a>
                            <button class="btn btn-default btn-lg mb-control-close">取消</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END MESSAGE BOX-->

        <!-- START PRELOADS -->
        <audio id="audio-alert" src="${pageContext.request.contextPath}/audio/alert.mp3" preload="auto"></audio>
        <audio id="audio-fail" src="${pageContext.request.contextPath}/audio/fail.mp3" preload="auto"></audio>
        <!-- END PRELOADS -->                  
        
    <!-- START SCRIPTS -->
        <!-- START PLUGINS -->
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/jquery/jquery-ui.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/bootstrap/bootstrap.min.js"></script>
        <!-- END PLUGINS -->

        <!-- START THIS PAGE PLUGINS-->        
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/icheck/icheck.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/scrolltotop/scrolltopcontrol.js"></script>
        
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/morris/raphael-min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/morris/morris.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/rickshaw/d3.v3.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/rickshaw/rickshaw.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/bootstrap/bootstrap-datepicker.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/owl/owl.carousel.min.js"></script>
        
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/moment.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins/daterangepicker/daterangepicker.js"></script>
        <!-- END THIS PAGE PLUGINS-->        

        <!-- START TEMPLATE -->
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/settings.js"></script>
        
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/plugins.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/actions.js"></script>
        
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/demo_dashboard.js"></script>
        <!-- END TEMPLATE -->
    <!-- END SCRIPTS -->
    </body>
</html>






